.musicScore{
    width: 100%;
    // min-height: 13.34rem;
    background: #f7f7f7;
    position: relative;
    .scoreNavigate{
      width: 100%;
      height: 0.75rem;
      font-size: 0;
      position: fixed;
      background: #f7f7f7;
      z-index: 9;
      span{
        font-family: PingFangSC-Regular;
        font-size: 0.28rem;
        color: #333333;
        letter-spacing: 0.007rem;
        text-align: center;
        display: inline-block;
        height: 0.40rem;
        margin: 0.14rem 0.05rem 0 1.92rem;
      }
      > div {
        position: absolute;
        margin-left: 2.155rem;
        height: 0.02rem;
        left: 0;
        transition: all 0.3s;
        margin-top: 0.05rem;
        &::before {
          content: '';
          position: absolute;
          width: 0.40rem;
          height: 0.02rem;
          background-color: #ee3a29;
          border-radius: 0.04rem;
          -webkit-border-radius: 0.04rem;
          box-sizing: border-box;
        } 
        &.active {
          margin-top: 0.05rem;
          margin-left: 5.085rem;
          transform:translate(100%)
        }
      }
    }
    .scoreGrabble{
      width: 0.382rem;
      height: 0.382rem;
      position: fixed;
      top: 0.14rem;
      right: 0.578rem;
      z-index: 9;
      img{
        width: 100%;
        height: 100%;
        display: block;
      }
    }
    .scoreContent{
      width: 100%;
      font-size: 0;
      padding-top: 0.75rem;
      // min-height: 13.34rem;
      .scoreCell{
        width: 6.86rem;
        height: 2.44rem;
        margin: 0 auto;
        margin-bottom: 0.24rem;
        background: #FFFFFF;
        box-shadow: 0 0 0.12rem 0.02rem rgba(223,223,223,0.30);
        border-radius: 0.10rem;
        .cellLeft{
          display: inline-block;
          vertical-align: top;
          width: 1.80rem;
          height: 1.80rem;
          margin: 0.32rem 0.25rem 0.32rem 0.32rem;
          border-radius: 0.10rem;
          overflow: hidden;
          img{
            width: 100%;
            height: 100%;
          }
        }
        .cellRight{
          display: inline-block;
          vertical-align: top;
          width: 4.40rem;
          > div{
            width: 100%;
            &:nth-child(1){
              margin-top: 0.52rem;
              .scoreName{
                display: inline-block;
                vertical-align: middle;
                max-width: 90% !important;
                white-space: nowrap;
                overflow: hidden;
                /* 文本超出变省略号 */
                text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                height: 0.42rem;
                line-height: 0.42rem;
                font-family: PingFangSC-Regular;
                font-size: 0.30rem;
                color: #333333;
                letter-spacing: 0.0075rem;
                margin-right: 0.36rem; 
              }
            }
            &:nth-child(2){
              margin-top: 0.65rem;
              .scoreSinger{
                display: inline-block;
                vertical-align: middle;
                width: 2.00rem !important;
                white-space: nowrap;
                overflow: hidden;
                /* 文本超出变省略号 */
                text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                font-family: PingFangSC-Regular;
                font-size: 0.24rem;
                color: #999999;
                letter-spacing: 0.006rem;
                margin-right: 0.38rem;
              }
  
              .scoreHot{
                display: inline-block;
                vertical-align: middle;
                margin-right: 0.10rem;
                .hotIcon{
                  display: inline-block;
                  vertical-align: middle;
                  width: 0.23rem;
                  height: 0.27rem;
                  line-height: 0.27rem;
                  margin-right: 0.10rem;
                  img{
                    width: 100%;
                    height: 100%;
                  }
                }
                .hotCount{
                  display: inline-block;
                  vertical-align: middle;
  
                  font-family: PingFangSC-Regular;
                  font-size: 0.24rem;
                  color: #666666;
  
                  margin-top: 0.03rem;
                  width: 0.90rem !important;
                  white-space: nowrap;
                  overflow: hidden;
                  /* 文本超出变省略号 */
                  text-overflow: ellipsis;
                  -o-text-overflow: ellipsis;
                }
              }
  
  
              .scoreCollect{
                display: inline-block;
                vertical-align: middle;
                padding: 0.08rem 0.15rem;
                width: 0.30rem;
                height: 0.27rem;
                img{
                  width: 100%;
                  height: 100%;
                }
              }
            }
          }
        }
      }
      .scoreNone{
        width: 4.30rem;
        height: 3.54rem;
        margin: 0 auto;
        margin-top: 0.32rem;
        img{
          width: 100%;
          height: 100%;
          display: block;
        }
        .scoreAdd{
          font-family: PingFangSC-Regular;
          font-size: 0.30rem;
          color: #FFFFFF;
          letter-spacing: 0.0076rem;
  
          width: 2.00rem;
          height: 0.55rem;
          line-height: 0.55rem;
          margin: 0.40rem auto;
          background-image: linear-gradient(90deg, #FFB497 0%, #FE7A72 100%);
          border-radius: 0.08rem;
          text-align: center;
        }
      }
    }
    .scoreLoading{
      width: 100%;
      text-align: center;
      font-family: PingFangSC-Regular;
      font-size: 0.26rem;
      color: #999999;
      letter-spacing: 0.007rem;
      line-height: 1;
      margin-top: 0.13rem;
      padding-bottom: 0.30rem;
    }
  }